body {
  font-family: Arial, Helvetica, sans-serif; margin:0px; padding:0px;
}
.header div{
	background-color: #0066ff;
}
.topmenu {
  display:table;width:100%
}
.topmenu a {
	color: white;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	display:table-cell;
}
.topmenu a.icon {
	background-color:#3333ff;
	width:20px;
}
#myLinks{
	display:none;
	position:absolute;
	width:100%;
	z-index:2; /* z-index number dictates which section overlays another .. the larger value is on top */ 
}
#myLinks a {
	display: block;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	color: #FFF;
}
#myLinks a:hover{
	background-color: #b3b3ff;
}
.sitename{
	text-align:center;
	width:auto;
}


.contentcontainer{
	padding-top:50px;
	padding-left:50px;
	padding-right:50px;
	text-align:left;
}
.myiframe{
	position: absolute;
	left:0;
	top:0;
	float:left;
	width:100%;
	height:100%;

}
dl, dd, dt{
    margin:0;
}
.table_specification{
    display: table;
    width:50%;
    border-spacing:5px 5px;
	margin: 0 auto;
	/* border:1px solid #0066ff; */
}
.table_specification dl{    
      display:table-row;
		
}
.table_specification dt, .table_specification dd{
    display: table-cell;
    width:50%;
    /* border:1px solid #b3b3ff; */
	padding-bottom:5px;
	padding-top:5px;
}
.table_specification dt{
	font-weight:bold
}
@media only screen and (max-width:480px){
   .table_specification dd, .table_specification dt{
		display: block;
		width:100%;
		border:1px solid white; /* this is here should I want red and blue to see whats going on */
	} 
	.table_specification{
		width:100%;
		border-spacing:5px 5px;
		margin: 0;
		border:0px;
	}

}

.fade {
  position: relative;
  width: 100%;
  min-height: 30vh;
  top: -25px;
  background-image: linear-gradient(0deg, transparent, #210273 75%);
  z-index: 1;
}

.star-wars {
  display: flex;
  justify-content: center;
  position: relative;
  height: 800px;
  color: #210273;
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 500%;
  font-weight: 600;
  letter-spacing: 6px;
  line-height: 150%;
  perspective: 400px;
  text-align: center;
}

.crawl {
  position: relative;
  top: 9999px;
  transform-origin: 50% 100%;
  animation: crawl 80s linear;
}

.crawl > .title {
  font-size: 90%;
  text-align: center;
}

.crawl > .title h1 {
  margin: 0 0 100px;
  text-transform: uppercase;
}

@keyframes crawl {
  0% {
    top: 0;
    transform: rotateX(20deg)  translateZ(0);
  }
  100% { 
    top: -6000px;
    transform: rotateX(25deg) translateZ(-2500px);
  }
}	

#submenu a { font-size:12px;margin-left:40px}